<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="/public/css/login.css">
</head>

<body>
    <div class="main">
        <div class="header">
            <a href="/">
                <img src="/public/images/logo.png" alt="">
            </a>
            <h1>用户登录</h1>
        </div>
        <form id="login_form">
            <div class="form-group">
                <label for="">邮箱</label>
                <input type="email" class="form-control" id="my-email" name="email" placeholder="Email" autofocus>
            </div>
            <div class="form-group">
                <label for="">密码</label>
                <a class="pull-right" href="">忘记密码？</a>
                <input type="password" class="form-control" id="mypass" name="password" placeholder="Password">
            </div>
            <div class="checkbox">
                <label>
          <input type="checkbox">记住我
        </label>
            </div>
            <a href="/index2" id="btn-login" class="btn btn-success btn-block">登录</a>
        </form>
        <div class="message">
            <p>没有账号? <a href="/register">点击创建</a>.</p>
        </div>
    </div>
    <script src="/node_modules/jquery/dist/jquery.js"></script>
    <script>
        $("#btn-login").click(function() {
            var email = $("#my-email").val();
            var pass = $("#mypass").val();
            if ((email == "879897532@qq.com" && pass == "123456") || (email == "wusichen@qq.com" && pass == "123456")) {
                alert("登录成功!")
            } else {
                alert("用户名或密码错误");
                $("#mypass").val("");
                return false;
            }
        })
    </script>
</body>

</html>